<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://developers.facebook.com/schema/">
<head>
	<title>Account Settings - Wattpad</title>
	<meta http-equiv="X-UA-Compatible" content="IE=9"/>
	<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
	<meta name="keywords" content="Account Settings - Wattpad"/>
	<meta name="description" content="Account Settings - Wattpad"/>
	<link rel="shortcut icon" href="../favicon.ico"/>
	<link href='css/font.css' rel='stylesheet' type='text/css' />
	<link rel='stylesheet' href='../css/web.css' type='text/css' />
    <link rel='stylesheet' href='../css/facebox.css' type='text/css' />
    <link rel='stylesheet' href='../css/jquery-ui-1.8.16.custom.css' type='text/css' />
    <script src='../js/jquery.min.js' type='text/javascript'></script>
    <script src='../js/jquery.cookie.min.js' type='text/javascript'></script>
    <script src='../js/facebox.1.3.min.js' type='text/javascript'></script>
    <script src='../js//wattpad.js' type='text/javascript'></script>
    <script src='../js/user_profile.js' type='text/javascript'></script>
    <script src='../js/jquery-ui-1.8.16.custom.min.js' type='text/javascript'></script>
    <script src='../js/jquery.tipsy.js' type='text/javascript'></script>
    <script src='../js/jquery.query-2.1.7.js' type='text/javascript'></script>
    <link rel="alternate" type="application/rss+xml" title="RSS" href="http://www.wattpad.com/rss?username=repotman" />
	<!--[if IE 6]>
	<script src='../js/DD_belatedPNG_0.0.8a-min.js' type='text/javascript'></script>
	<script type="text/javascript">
		header_png();
	</script>
	<link rel='stylesheet' href='../css/ie6.css' type='text/css' />
	<![endif]-->

	<!--[if IE 7]>
	<link rel='stylesheet' href='../css/ie7.css' type='text/css' />
	<![endif]-->
	<script>
		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'UA-886196-1'],['_setDomainName', 'wattpad.com'],['_trackPageview'],['_trackPageLoadTime']);
	</script>
</head>

<body topmargin="0" leftmargin="0" rightmargin="0" >
    <!-- Header Shufle -->
    <div id="bg_header">
		<div class="shuffletab">
			<a href="/shuffle" title="Wattpad Shuffle">
			  <img src='../images/shuffle_icon.png' width='40' height='40' alt='shuffle'  />
			</a>
		</div>
	</div>
    <!-- Header Shufle -->

	<!-- Header Wrapper -->
	<div id="header_wrapper">
	   <div id="header" class="png_bg updated">
           <!--Top Menu Header-->
           <div id="top_nav_float">
					<div id="top_nav" class="png_bg">
						<ul class="main_tabs">
							<li class="header_tabs discover_container">
								<div id="discover_tab" class="tab_container has_subtabs">
									<span>Discover</span>
									<div class="search_wrapper png_bg">
										<form action="search-people.html" method="POST" onsubmit="searchOnSubmit(); return false;">
										<input type="text" id="searchinput" class="search_box" name="search" size="16"/>
										<input type="image" src="../images/searchicon.png" class="search_box_submit"/>
									</form>
									</div>
									<div class="sub_tabs discover">
										<div class="discover_options hover_effect">
											<ul>
												<li><a href="sitemap.html">Categories<img src='../images/arrow_right_white.png' width='12' height='12' alt='arrow_right_white.png'/></a></li>
												<li><a href="featured.html">Featured</a></li>
												<li><a href="watty.html">Watty Awards</a></li>
												<li><a href="undiscovered.html">Undiscovered Gems</a></li>
												<li><a href="index.html">What's Hot</a></li>
												<li><a href="new.html">What's New</a></li>
											</ul>
										</div>
										<div class="discover_categories hover_effect_cat">
											<ul>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Romance')">Romance</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Science Fiction')">Science Fiction</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Fantasy')">Fantasy</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Mystery')">Mystery</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Humor')">Humor</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Paranormal')">Paranormal</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Horror')">Horror</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Adventure')">Adventure</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Thriller')">Thriller</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Historical Fiction')">Historical Fiction</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Teen Fiction')">Teen Fiction</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Fan Fiction')">Fan Fiction</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Poetry')">Poetry</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Short Story')">Short Story</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Non-Teen Fiction')">Non-Teen Fiction</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Action')">Action</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Vampire')">Vampire</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Werewolf')">Werewolf</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Spiritual')">Spiritual</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Non-Fiction')">Non-Fiction</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Classics')">Classics</a></li>
												<li><a href="categories.html" onclick="ga_track('Global Nav', 'Category selected', 'Other')">Other</a></li>
											</ul>
										</div>
									</div>
								</div>
								<a id="logo_click" name="top" href="index.html" rel="nofollow"></a>
							</li>
							<li id="create_tab" class="header_tabs">
								<a href="/mystories"><span>Create</span></a>
							</li>
							<li id="community_tab" class="header_tabs has_subtabs">
								<span>Community</span>
								<div class="sub_tabs community hover_effect">
									<ul>
										<li><a href="../insider.html">Insider</a></li>
										<li><a href="../clubs.html">Clubs</a></li>
										<li><a href="#">Contests</a></li>
										<li><a href="../watty.html">Watty Awards</a></li>
									</ul>
								</div>
							</li>
							
							<li id="user_tab" class="header_tabs has_subtabs shrink">
						          <span class="userinfo">
                                         <img src="../images/b.24.jpg" alt="repotman" align="top" class="smallpic" border="0" width="24" height="24" />
							             <span>repotman</span>
								  </span>
						          <div class="sub_tabs user hover_effect">
									   <ul>
										  <li><a href="myprofile.html"><span>My Profile</span><img src='../images/profile_icons_me.png'  alt='profile_icons_me.png'  /></a></li>
										  <li><a href="inbox.html"><span>My Inbox</span><img src='../images/profile_icons_message.png'  alt='profile_icons_message.png'  /></a></li>
										  <li><a href="mystories.html"><span>My Works</span><img src='../images/profile_icons_lighting.png'  alt='profile_icons_lighting.png'  /></a></li>
										  <li><a href="reading.html"><span>Reading Lists</span><img src='../images/profile_icons_RL.png'  alt='profile_icons_RL.png'  /></a></li>
										  <li><a href="invite.html"><span>Invite Friends</span><img src='../images/profile_icons_friends.png'  alt='profile_icons_friends.png'  /></a></li>
										  <span class="profile_divider"></span>
										  <li><a href="edit-profile.html"><span>Settings</span></a></li>
										  <li><a href="../index.html"><span>Logout</span></a></li>
									   </ul>
								</div>
							</li>
							
							<li class="header_tabs nav_links">
								<a href="#" title="Help"><img src='../images/help.png' width='15' height='14' alt='help.png'  /></a>
								<!--
								<a href="#" onclick="$.facebox({ajax:'/dialog/language'})">
									English	<img src='http://a.wattpad.net/image/90476/v2/top/arrow_right_white.png' width='8' height='8' alt='arrow_right_white.png'  />								
								</a>
								-->
							</li>
						</ul>
					</div>
	       </div>
           <!--Top Menu Header-->
           
        </div>
			
			<script type="text/javascript">
				cleanHeaderBar();
			</script>

			<!--[if IE 6]>
			<script type="text/javascript">
				cleanHeaderBarIE6();
			</script>
			<![endif]-->

    </div>
    <!-- Header Wrapper -->

<!-- Content Wrapper -->    				
<div id="content_wrapper">
    <!-- Content Background -->
	<div id="content_bg" class="png_bg">
    <!-- Content-->
	<div id="content">	
        <img src='../images/pixel.gif'  alt='pixel.gif'  />
    <!-- Left Content-->
    <div class="column_left">
	   <br/>
           <!--Tab Menu--> 
	       <ol style="margin: 0; padding: 0 0 0 30px;">
        		<!--Tab Account-->
                <li id="select_account" class="info_tabs info_tabs_selected" style="display: inline-block; zoom: 1; *display: inline; list-style: none;">
        			<span class="nohover">Account</span>
        		</li>
        		<!--Tab Account-->
                <!--Tab Notif-->
                <li id="select_notifications" class="info_tabs" style="display: inline-block; zoom: 1; *display: inline; margin-left:20px; list-style: none;">
        			<span>Notifications</span>
        		</li>
                <!--Tab Notif-->
  	       </ol>
           <!--Tab Menu-->
           
           <!--Tab Notif-->
	       <div id="account" style="height: 100%; display: block;">
		          <h2 class="subheading" style="padding:0 0 10px 30px">
                        Change your account information and privacy settings
                  </h2>
		          <br/>
		          
                  <form id="account_form" name="account_form" action="user_profile" method="post" enctype="multipart/form-data">
                        <input type="hidden" name="id" value=2944199>
                        <table style="height:100%; width:100%;" cellspacing="5">
                        <!--Edit Username-->
                        <tr>
					           <td class="profilelabel" width="35%">Username</td>
					           <td>repotman<!--<a id="changeUsername" href="#" style="padding-left:5px">change</a>--></td>
				        </tr>
                        <!--Edit Username-->
				        <!--Edit Password-->
                        <tr>
						      <td class="profilelabel">Password</td>
						      <td>********<!--<a id="changePassword" href="#" style="padding-left:5px">change</a>--></td>
					    </tr>
                        <!--Edit Password-->
                        <!--Edit Email-->
					    <tr>
					           <td class="profilelabel">Email</td>
					           <td>hendarsyahss@gmail.com <!--<a id="changeEmail" href="#" style="padding-left:5px">change</a>--></td>
				        </tr>
				        <!--Edit Email-->
                        <!--Edit Name-->
                        <tr>
					           <td class="profilelabel">Name</td>
					           <td>
                                    <input type="text" class="inputbox" name="realname" maxlength="60" tabindex=10 value="" />
                                    <input type="checkbox" name="showname" checked tabindex=20 value="1" />show					
                               </td>
				        </tr>
                        <!--Edit Name-->
                        <!--Edit Birth-->
				        <tr>
					           <td class="profilelabel">Date of Birth</td>
					           <td>
						              <input id="birthdate" type="text" name="birthdate" size="8" maxlength="10" tabindex="30" value="05-17-1989"/>
						              <input type="checkbox" name="showage"  tabindex=40 value="1" />show my birthday
                               </td>
				        </tr>
                        <!--Edit Birth-->
                        <!--Edit Gender-->
				        <tr>
					           <td class="profilelabel">Gender</td>
       					       <td>
            						<select name="gender" tabindex="50">
            							<option value="M" selected="selected">Male</option>
                                        <option value="F">Female</option>
                                    </select>
           					   </td>
				        </tr>
                        <!--Edit Gender-->
				        <tr>
	                          <td class="profilelabel">Location</td>
					          <td>
                                <input type="text" class="inputbox" name="location" maxlength="60" tabindex="60" value="DKI Jakarta" />
                              </td>
				        </tr>
                        <!--Edit Gender-->
        				<tr>
					           <td class="profilelabel">Website <img src='../images/icon22_web.png'  alt='icon22_web.png' border='0' align='absmiddle'  /></td>
					           <td><input type="text" class="inputbox" name="website" maxlength="60" title="website" tabindex="150" value="" /></td>
				        </tr>

				        <tr>
					           <td colspan="2" align="center">
						          <hr/>
                                    <b>About Me</b>
					           </td>
				        </tr>
				        <tr>
					           <td colspan="2">
						          <textarea class="inputbox" name="about" maxlength="2000" style="width:98%; min-height:250px; resize: none;" onkeyup="updateCharCount()" tabindex="160">
                                        -Quad-band GSM and tri-band 3G support
                                        -21 Mbps HSDPA and 5.76 Mbps HSUPA
                                        -LTE network connectivity
                                        -5.3&quot; 16M-color Super AMOLED capacitive touchscreen of HiDef resolution (800 x 1280 pixels)
                                        -Android OS v2.3.6 with TouchWiz 4 launcher
                                        -1.5 GHz dual-core Scorpion CPU, Adreno 220 GPU, Snapdragon S3 chipset, 1GB of RAM
                                        -re-bundled with the S Pen active stylus
                                        -8 MP wide-angle autofocus camera with LED flash, face, smile and blink detection
                                        -Video recording of up to 1080p@30fps
                                        -Dual-band Wi-Fi 802.11 b, g and n support; Wi-Fi Direct and Wi-Fi hotspot
                                        -GPS with A-GPS connectivity; Digital compass
                                        -16 internal storage, microSD slot
                                        -Accelerometer, gyroscope and proximity sensor
                                        -Standard 3.5 mm audio jack
                                        -Charging MHL microUSB port with USB host and TV-out (1080p through optional adapter) support
                                        -Stereo Bluetooth v3.0
                                        -Great audio quality
                                        -9.7 mm slim and weighs a reasonable 178g
                                        -2MP secondary video-call camera
                                        -Full Flash support and GPU-acceleration for the web browser permit 1080p flash video playback
                                        -Document editor
                                        -File manager comes preinstalled
                                        -Extremely rich audio and video format support
                                        2500 mAh battery
                                </textarea>
                                <div style="text-align:right"></span><span id="charcount">1132</span> / 2000</div>
					       </td>
				    </tr>
			       </table>
       			   <table style="height:100%; width:50%; margin:0 auto;">
		           <tr>
     					<td id="account_log" style="height:20px; text-align:center;"></td>
                   </tr>
   				   <tr>
  					    <td align="center"><a id="account_save" class="b2 orange">Save</a></td>
                   </tr>
       			 </table>
		         </form>
        </div>
        <!--Tab Account-->
        
        <!--Tab Notif-->
	   <div id="notifications" style="height: 100%; display: none;">
		      <h2 class="subheading" style="padding:0 0 10px 30px">Receive email notifications for these events</h2>
		      <br/>
		      <form id="notifications_form" name="notifications_form">
              <input type="hidden" name="id" value=2944199 >
              <table cellpadding="3" style="height:100%; width:60%; margin: 0 auto;">
              <tr>
                    <td width="5%">
						<input type="checkbox" name="alerts" checked value="1">
					</td>
					<td>
						<h3>Messages</h3>
					</td>
               </tr>
               <tr>
					<td colspan="2">
						<ul>
							<li>Someone writes on your message board</li>
							<li>Someone becomes your fan</li>
							<li>Someone comments on your story</li>
							<li>Someone mentions you in a comment</li>
							<li>You receive a message</li>
							<li>A new post in your favorite discussion							
                            <br/>
                            <br/>
							<span style="font-style:italic;">
                                You can manage your favorite discussions 
                                    <a href=#>here</a></span></li>
						 </ul>
					  </td>
				</tr>
				<tr>
					   <td width="5%">
						  <input type="checkbox" name="alertssub" checked value="1" />
					   </td>
					   <td class="profile_label" style="color: #333333; font-size:18px; text-align:left">
						  <h3>Fan Alerts</h3>
					   </td>
				</tr>
				<tr>
					   <td colspan="2">
						   <ul>
						  	  <li>Your favorite users upload a story</li>
							  <li>Your favorite users broadcast a message</li>
						  </ul>
					   </td>
				</tr>
				<tr>
					   <td width="5%">
						   <input type="checkbox" name="subscribe" checked value="1">
					   </td>
					   <td class="profile_label" style="color: #333333; font-size:18px; text-align:left">
						  <h3>Updates</h3>
					   </td>
				</tr>
				<tr>
					<td colspan="2">
						<ul>
							<li>Important announcements from Wattpad</li>
						</ul>
					</td>
				</tr>
				<tr>
					<td colspan="2">
                         <span style="font-style: italic; font-weight: bold">Your news feed will not be affected by these settings</span>
					</td>
				</tr>
			    </table>
                
    			<table style="height:100%; width:50%; margin: 5px auto;">
   				<tr>
  					  <td id="notifications_log" style="height: 20px; text-align:center;"></td>
   				</tr>
    				<tr>
   					  <td align="center"><a id="notifications_save" class="b2 orange">Save</a></td>
   				</tr>
    			</table>
		        </form>
	   </div>
       <!--Tab Notif-->
    </div>
    <!--End Left Content-->
    
    <!--Right Content-->
    <div class="column_right">
		  <div class="column_head">DESIGN</div>
          <table width="100%">
		  <tr>
			     <td align="center">
				        <div style="color:#999">Profile Picture</div>
				        <img src="../images/repotman.128.725144.jpg" alt="repotman" align="bottom" class="picframe" border="0" width="128" height="128" />
                        <br/>
				        
                        <!--Ava-->
                        <div id="avatar1">
					       <table>
						   <tr>
								    <td style="text-align:right">
								        <button id="changeAvatar" class="b2 small white">Change</button>
									</td>
								    <td style="text-align:left">
									   <form action="" method="post" style="display:none" enctype="multipart/form-data" name="delavatarform">
									       <input type="hidden" name="delavatar" value="1"/>
								        </form>
								        <button id="deleteAvatar" class="b2 small white">Remove</button>
									</td>
				            </tr>
					        </table>
				        </div>
                        <!--Ava-->
                        
                        <!--Ava 2-->
				        <div id="avatar2" style="display:none">
				            <form action="" method="post" enctype="multipart/form-data" name="avatarform">
						      <input type="file" name="avatar" onchange="return document.forms['avatarform'].submit();">
						      <small>
							     <br/>
                                 Upload a jpg or gif, 128x128 recommended
                                 <br/>
                                 Do not upload any restricted material, see terms of service						
                               </small>
	                         </form>
				        </div>
                        <!--Ava 2-->
			     </td>
		  </tr>
		  <tr>
			     <td align="center" style="padding-top:10px">
				        <div style="color:#999">Background</div>
				            <img src="../images/pixel.gif" style="height:128px;width:128px;border:1px solid #ccc" />
								<!--Baclground 1-->
                                <div id="background1">
                					<table>
                						<tr>
						                      <td style="text-align:right">
                							         <button id="changeBackground" class="b2 small white">Change</button>
							                  </td>
								        </tr>
                					</table>
				                </div>
                                <!--Baclground 1-->
				                <!--Baclground 2-->
                                <div id="background2" style="display:none">
								    <form action="" method="post" enctype="multipart/form-data" name="bgform">
						                  <input type="file" name="profilebg" onchange="return document.forms['bgform'].submit();"/>
						                  <small>
							                 <br/>
                                             Upload a jpg or gif, up to 1MB
                                             <br/>
                                             Do not upload any restricted material, see terms of service						
                                          </small>
                                    </form>
				                </div>
                                <!--Baclground 2-->
                                
		  	   </td>
		  </tr>
          </table>
	
        	<div style="text-align:center;margin-top:10px">
        		<script type="text/javascript">
        			var wp_user="repotman";
        			var wp_size=0;
        		</script>
        		<script type="text/javascript" src="/widget/lib.js"></script>
        		<br/>
        		<a href="/widgets?username=repotman" target="_blank" class="small">Add this widget to your site</a>
        		<div style="margin-top:420px">
        		<a class="b2 small white" href="user_close">Close Account</a>
        		</div>
        	</div>
    </div>
    <!-- End of Right COlumn-->

    <script type="text/javascript">
	   var userId = '2944199';
	   var successMessage = 'Your profile was successfully updated.';
	   var userFbId = '';
	   var timelineCallbackUrl = 'http%3A%2F%2Fwww.wattpad.com%2Fuser_profile%2F%3Ffb_timeline%3D1';
	</script>

	<!--Sponsor Bottom-->
	<div id="ad_bottom_banner" style="clear:both;text-align:center;padding-bottom:10px">
        
	</div>	
    <!--Sponsor Bottom-->
    
 </div>
 <!-- End Content -->
 
 <!-- Content Bottom -->
 <div id="content_bottom" class="png_bg"></div>
  <!-- Content Bottom -->
 
    <!-- Footer-->
    <div id="foot">
		<div class="col1">
			<!--<a href="http://www.facebook.com/wattpad" rel="nofollow"><img src='http://a.wattpad.net/image/11668/v2/footer/facebook.png' width='30' height='32' alt='facebook.png' style='margin:0 5px 10px 0'  /></a>
			<a href="http://twitter.com/wattpad" rel="nofollow"><img src='http://a.wattpad.net/image/11668/v2/footer/twitter.png' width='30' height='32' alt='twitter.png' style='margin:0 5px 10px 0'  /></a>
			<a href="http://www.youtube.com/user/wattpad" rel="nofollow"><img src='http://a.wattpad.net/image/11668/v2/footer/youtube.png' width='32' height='32' alt='youtube.png' style='margin:0 5px 10px 0'  /></a>
			<br>-->
			MADE IN ENGLAND <img src='../images/canada.png' width='12' height='14' alt='canada.png'  /><br/>
			&copy; 2012 WP Technology Inc.
			
			
		</div>
		
    	<div style="float: right;">
    		<div class="col2">
    			WATTPAD<br/>
    			<a href="about.html">ABOUT US</a><br/>
    			<a href="blog.html" rel="nofollow">BLOG</a><br/>
    			<a href="jobs.html" rel="nofollow">JOBS</a><br/>
    		</div>
    		<div class="col2">
    			HELP<br/>
    			<a href="#">QUESTIONS?</a><br/>
    			<a href="contact_us.html" rel="nofollow">CONTACT US</a><br/>
    			<a href="#" rel="nofollow">GIFT SHOP</a><br/>
    		</div>
    		<div class="col2">
    			MORE INFO<br/>
    			<a href="terms.html" rel="nofollow">TERMS OF SERVICE</a><br/>
    			<a href="privacy.html" rel="nofollow">PRIVACY POLICY</a><br/>
    			<a href="codeofconduct.html" rel="nofollow">CODE OF CONDUCT</a><br/>
    		</div>
    	</div>
        
    </div>
    <!-- Footer-->
  </div>
</div>

<script type="text/javascript">
	if ($("#system_message").length>0) {
		$('#content').css("padding-top", "30px");
		$('#content_block').css("padding-top", "30px");
	}

	if (isMobile()) {
		$('#header').css("position", "relative");
	}

	$('body, #top_nav_float, #header').css('background', 'url(\'http://a.wattpad.net/image/linen.jpg\') fixed');</script>

<!-- FB -->
<div id="fb-root"></div>
<script type="text/javascript">
	header_fb('2582347323');
</script>

<!-- GA -->
<script type="text/javascript">
(function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>

<!-- QC -->
<script type="text/javascript">
  var _qevents = _qevents || [];
  (function() {
   var elem = document.createElement('script');
   elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
   elem.async = true;
   elem.type = "text/javascript";
   var scpt = document.getElementsByTagName('script')[0];
   scpt.parentNode.insertBefore(elem, scpt);
  })();
</script>
<script type="text/javascript">
_qevents.push( { qacct:"p-45MMy5TH1XE82"} );
</script>
<noscript>
<div style="display: none;"><img src="//pixel.quantserve.com/pixel/p-45MMy5TH1XE82.gif" height="1" width="1" alt="Quantcast"/></div>
</noscript>
<div style="top: 166.5px; left: 489.5px; display: none;" id="facebox">       <div class="popup" style="">         <div class="content">
<div class="dialog_form" id="username_info">
	<h1>Change Username</h1>
	<p>Your username is important, here are a few things you need to know before you change it:</p>
	<ol>
		<li>It takes up to 24 hours for all changes to take effect. Your profile and stories may be inaccessible during this time.</li>
		<li>Your user profile and widget links will change and the old ones will no longer work.</li>
		<li>You will need to re-login using your new username.</li>
	</ol>
	<form action="javascript:submitForm();" id="username_form">
		<input type="hidden" value="2944199" name="id">
		<input type="hidden" value="1989-05-17" name="birthdate">
		<input type="hidden" value="hendarsyahss@gmail.com" name="email">
		<input type="hidden" value="F" name="gender">
		<table align="center" style="text-align: center; width:390px">
			<tbody><tr>
				<td><label for="username" class="upload_16">New Username</label></td>
				<td><input type="text" value="repotman" tabindex="1" maxlength="80" name="username" class="inputbig" id="username"></td>
			</tr>
			<tr>
				<td><label for="password" class="upload_16">Confirm Password</label></td>
				<td><input type="password" tabindex="2" maxlength="20" name="password" class="inputbig" id="password"><br></td>
			</tr>
			<tr>
				<td colspan="2"><div style="min-height: 20px;" class="upload_errors" id="error_message"></div></td>
			</tr>
			<tr>
				<td colspan="2"><input type="submit" value="Save" tabindex="3" style="margin: 5px 0; width:100%" class="big_button" id="save_username_button"></td>
			</tr>
		</tbody></table>
	</form>
</div>


</div>         <a class="close" href="#"><img class="close_image" title="close" src="/image/facebox/closelabel.png"></a>       </div>     </div>

</body>
</html>